<template>
  <div class="search">
    <van-row class="main">
      <van-col span="3" class="left">
        <van-icon class-prefix="iconfont" name="daohanglan"></van-icon>
      </van-col>
      <van-col span="18" style="padding: 5px">
        <van-search style="border: 1px solid #313236;border-radius: 15px;height: 40px" v-model="value"
                    placeholder="请输入搜索关键词" shape="round"
                    background="#f8f9fd" @click="onSearch"/>
      </van-col>
      <van-col span="3" class="left">
        <van-icon class-prefix="iconfont" name="tinggeshiqu"></van-icon>
      </van-col>
    </van-row>
  </div>
</template>

<script>

export default {
  name: "Searchbber",
  data() {
    return {
      value: ''
    }
  },
  created() {
  },
  methods: {
    onSearch() {
      this.$router.push("search")
    }
  }
}
</script>

<style scoped>
.search {

}

.left {
  margin-top: 18px;
  text-align: center;
}
</style>
